.wraper{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	&.iphone{
		padding-top: 0;
		.nav-bar{
			padding-top: 20px;
		}
		.content{
			margin-top: 65px;
		}
		&.padTop{
			.nav-bar{
				padding-top: 40px;
			}
			.content{
				margin-top: 85px;
			}
		}
	}
	.nav-bar{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 2;
		height: 45px;
		margin:0;
		background-color: #fff;
		.arrow{
			height: 45px;
			line-height: 45px;
			background-image: url('../../static/images/back-black.png');
		}
		.center{
			font-size: 16px;
			color: #333;
		}
		span{
			width: 0.8rem;
			height: 45px;
			line-height: 45px;
			margin-right: 0.2rem;
			font-size: 14px;
			background-image: url('../../static/images/newertask-service.png');
			background-size: 45%;
			background-repeat: no-repeat;
			background-position: 70% center;
		}
	}
	.content{
		width: 92%;
		margin:45px auto 0 auto;
		overflow: hidden;
		.banner{
			height: 5rem;
			overflow: hidden;
			background-color: #ccc;
			.roll{
				height: 0.44rem;
				line-height: 0.44rem;
				background-color: #000;
				width: 100%;
				margin-top: 2.8rem;
			}
		}
		.tabs{}
		.guide{
			.guide-title{
				text-align: center;
				color: #fff;
				font-size: 0.32rem;
				font-weight: bold;
				padding: 0.4rem 0;
			}
			.collapse{
				overflow: hidden;
				margin-bottom: 0.3rem;
				.title{
					height: 0.9rem;
					line-height: 0.9rem;
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					background:rgba(44,73,240,1);
					box-shadow:0px 0.08rem 0.12rem 0px rgba(17,15,90,0.78),0px 0.02rem 0.06rem 0px rgba(68,96,255,1);
					border-radius:0.1rem;
					color: #F6F6F6;
					padding: 0 6%;
					span{
						font-weight: 500;
						font-size: 0.3rem;
					}
					b{
						font-weight: 400;
					}
				}
				.main{
					background-color: rgba(113,134,255,0.25);
					padding: 0.4rem;
					border-radius: 0.1rem;
					font-size: 0.26rem;
					color: #fff;
					p{
						position: relative;
						line-height: 1.6;
						padding-left: 0.34rem;
						padding-bottom: 0.1rem;
						&:before{
							content:'';
							width: 0.28rem;
							height: 0.28rem;
							position: absolute;
							left: 0;
							top: 0;
						}
						&:nth-child(1){
							&:before{
								content:'1.'
							}
						}
						&:nth-child(2){
							&:before{
								content:'2.'
							}
						}
						&:nth-child(3){
							&:before{
								content:'3.'
							}
						}
					}
					h6{
						opacity: 0.5;
						font-size: 0.24rem;
						font-weight: 400;
						margin-top: 0.25rem;
					}
				}
			}
		}
		.copyright{
			height: 1rem;
		}
	}
}